﻿.mbox {width: 100%; max-width: 1230px;	padding:0 15px; margin: 0 auto; _zoom: 1;}
.hd{width: 100%; max-width: 1500px;}
.hd p{ margin: 20px auto; text-align: center;}
.hd .hdt{ font-size: 30px; font-weight: bold;}
.hd .hds{ font-size: 18px;}
.hd .erm{ width: 200px; margin: 0 auto; text-align: center; }
@media screen and (max-width: 768px){width: 80%;}
.hd .erm img{ width: 100%;}

@media screen and (max-width: 768px) {header{	padding: 15px 0;position: relative;}}
@media screen and (max-width: 640px) {header{	padding: 8px 0;	position: relative;}}

header{z-index: 9999;height: 102px; position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
header .logo{ float: left; margin-top: 15px; margin-right: 15px; }
@media screen and (max-width: 768px) {header .logo {display: block;	float: left;}
header .logo img {display: block;	height: 60px;}}
@media screen and (max-width: 640px) {header .logo img {display: block;height: 46px;}}
header nav {float: left;}
@media screen and (max-width: 1000px) {header nav {display: none;}}
 
header nav li {float: left; margin:0 5px;	text-align: center;	}
@media screen and (max-width: 768px) {header nav li {	width: 100%;	border-bottom: 1px solid #555;}
 
header nav li:last-child {	border-bottom: none;}}
header nav li:last-child {	margin-right: 0;}
header nav li>a {	display: inline-block; *display: inline; *zoom:1;	width: 114px;height: 33px;line-height: 31px;	font-size: 16px;	color: #fff;	 margin: 35px 0 34px 0;	transition: 0.3s ease;}

 @media screen and (max-width: 1024px) {header nav li>a {font-size: 15px;width: 100px;}}
 @media screen and (max-width: 768px) {header nav li>a {	width: 100%;	margin: 0;	font-size: 14px;	color: #fff;	height: 46px;	line-height: 46px;	border: none; padding: 0 15px;	text-align: left;}}
header nav li:hover>a,header nav li.active>a {background-color: #c69d3c; color: #fff;}

 @media screen and (max-width: 1230px) {header nav .nav-logo {	width: 20%;	padding: 0 10px;}}
 @media screen and (max-width: 768px) {header nav nav-logo {display: none;}}
header nav .nav-logo a {	width: auto;	height: auto;	margin-top: 15px;	margin-bottom: 0;}
header nav .nav-logo a img {	display: block;	max-width: 100%}
header nav li dl {	display: none;	position: absolute; width:114px; background-color: rgba(30,30,30,0.9);	z-index: 99; top:68px; }
 @media screen and (max-width: 768px) {header nav li dl {	position: static;}}
header nav li dd {display: block;	height: 40px;	line-height: 40px;	border-bottom: 1px solid #848484;}
 @media screen and (max-width: 768px) {header nav li dl dd {border-bottom: none;	height: 36px;	line-height: 36px;}}
header nav li dd:last-child {	border-bottom: none;}
header nav li dd a {	display: block;color: #fff;	font-size: 14px;	transition: 0.3s ease;}
 @media screen and (max-width: 768px) {header nav li dl dd a {	padding: 0 30px;text-align: left;	font-size: 13px;}}
header nav li dd a:hover {background-color: #c69d3c;}

header .search {display: block;	position: relative;	float: right;	margin-right: -163px;	width: 163px;	height: 28px;margin-top: 37px;	right: 163px;border: 1px solid #c0c0c0;	border-radius: 15px;	overflow: hidden;}
 @media screen and (max-width: 1000px) {header .search {	display: none;}}
header .search input {	display: block;	float: left;	width: 127px;	padding: 3px 15px;	line-height: 20px;border: none;	background: none;	color: #ccc;}
header .search .submit {	display: block;	float: right;	width: 34px;	height: 26px;	border: none;	outline: none;	background: url(../img/search-icon.png) no-repeat center;	cursor: pointer;	transition: 0.3s ease;}
header .search .submit:hover {	opacity: 0.8;}

header .nav-toggle {display: none;float: right;	padding: 4px 8px;border-radius: 4px;border: none;outline: none;background-color: #fff; cursor: pointer;}
 @media screen and (max-width: 768px) {header .nav-toggle {	display: block;	margin-top: 16px;}}
 @media screen and (max-width: 640px) {header .nav-toggle {	display: block;	margin-top: 20px;}}
header .nav-toggle span {display: block;margin: 4px 0;width: 20px;	height: 2px;background-color: #444;}
header .tel{height:102px;line-height:102px;color: #c69d3c;font-size: 20px;font-weight: bold;display: inline-block;}
 @media screen and (max-width: 640px) {header .tel{height: 45px;line-height: 45px;margin-right: 25px; margin-top: 15px;}}

.banner {width: 100%; overflow: hidden;}
.banner img{width: 100%}

.banner .swiper-button-next, .banner .swiper-button-prev {
	display: none;
	position: absolute;
	z-index: 5;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	top: 50%;
	margin-top: -29px;
	text-align: center;
	line-height: 58px;
	color: #fff;
	font-family: "Simsun";
	font-size: 34px;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.2) !important;
	background-image: none;
	transition: 0.5s;
}
 @media screen and (max-width: 768px) {
.banner .swiper-button-next, .banner .swiper-button-prev {
	display: none;
}
}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev {
	display: block;
}
 @media screen and (max-width: 768px) {
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev {
	display: none;
}
}
.banner .swiper-button-prev {	left: 5%;}
.banner .swiper-button-next {	right: 5%;}
.banner:hover .swiper-button-next:hover, .banner:hover .swiper-button-prev:hover {
	background-color: rgba(0,0,0,0.6) !important;
}
.swiper-pagination {
	font-size: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 20px;
}
 @media screen and (max-width: 640px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
}
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet {	display: inline-block; *display: inline; *zoom:1;	width: 45px;	height: 4px;	margin: 0px 5px 0 5px;	background-color: #ccc;	background-color: rgba(0,0,0,0.5);cursor: pointer;opacity: 1;	border-radius: 0;	transition: 0.5s;	}

 @media screen and (max-width: 768px) {.banner .swiper-pagination-bullets .swiper-pagination-bullet {width: 24px;height: 2px;}}
 
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff;}

/*-------------------------------------------文章-------------------------------------------*/
.main h1{text-align: center; margin:10px auto; letter-spacing: 3px; font-size: 28px;}
.main h1,article h2,article h3,article h4{color: #666; }
article p,article li{ color: #888; line-height: 180%;}
article.contact h1{font-size: 28px; text-align: center; margin: 20px auto;}
@media screen and (max-width: 768px) {article h1{font-size: 1.2rem; }}

article p{ text-align: justify; text-justify: distribute; }
@media screen and (max-width: 768px) {article.contact p{font-size: 1rem; }}

article.news p{text-indent: 2em; }
article strong{color:#c69d3c;}

article h2{ margin: 5px 0; font-size: 18px;}
article.contact h2{ font-size: 22px; border-bottom: 1px solid #e3c98c; color: #c69d3c; }
@media screen and (max-width: 768px) {article.contact h2{font-size: 1.2rem; }}
article h3,article h4{font-size: 14px; margin: 3px 0;}
article h4{ text-decoration: underline;}

article li{list-style-position: inside; }
article ol li{ list-style-type:decimal; }
article ul li{ list-style-type:disc; }

article section img{ margin: 0 auto;} 
.section-header {position: relative;	width: 100%;	max-width: 1200px;	margin: 30px auto; text-align: center;	font-size: 0;}
 @media screen and (max-width: 748px) {.section-header {	margin: 1rem auto;}}

.section-header h2 {	line-height: 1;	font-size: 30px;	color: #e3c98c;}
.section-header p {line-height: 1;font-size: 18px;color: #e3c98c; margin-top: 10px;}
.section-header .line {position: absolute;width: 100%;height: 1px;	background-color: #e3c98c;	top: 29px;	left: 0; z-index: -9999;}
.section-header .line span {display: inline-block;	width: 240px;	height: 1px;	background-color:#f3f3f3 ;}

/*首页移民*/
.sec_yimin .ymbox{ float: left; width: 12.5%; box-shadow: 10px 10px 20px 0 rgba(202,170,83,0.15); overflow:hidden; margin: 20px 0; transform:scale(1.0); z-index: 1; transition:all 0.5s ease-in;}
 @media screen and (max-width: 768px) {.sec_yimin .ymbox { height: 15rem;}}
 .sec_yimin .ymbox:nth-child(2), .sec_yimin .ymbox:nth-child(7){transform:scale(1.03); z-index: 2;}
 .sec_yimin .ymbox:nth-child(3), .sec_yimin .ymbox:nth-child(6){transform:scale(1.08); z-index: 3;}
  .sec_yimin .ymbox:nth-child(4), .sec_yimin .ymbox:nth-child(5){transform:scale(1.1); z-index: 4;}
  
 .sec_yimin .ymbox:hover{transform:scale(1.15);  z-index: 4;}
.sec_yimin .ymbox img{ width: 100%; height: 200px;}
 @media screen and (max-width: 768px) {.sec_yimin .ymbox img { height: 10rem;}}
.sec_yimin .ymbox h3{ text-align: center; color: #666; font-size: 16px; margin: 5px auto;}
 @media screen and (max-width: 768px) {.sec_yimin .ymbox h3 { font-size: 1rem;}}
.sec_yimin .ymbox h3 a{ color: inherit;}
.sec_yimin .ymbox p{ color: #988d67; text-align: center; margin-bottom: 10px; font-size: 12px;}
 @media screen and (max-width: 768px) {.sec_yimin .ymbox p { font-size: 0.6rem;}}

/*首页留学*/
.Box {position: relative;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
/*
.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: 172px; z-index: 9999;}
.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
*/
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.15); transition: all 0.5s linear;}
.Box .Box_con .conbox ul li p{ background-color: #333; padding: 5px 0; position: relative; bottom: 37px; color: #fff; text-align: center; font-size: 18px; background-color:rgba(50,50,50,0.8);}
.Box .Box_con .conbox ul li:hover p {transform: scale(1.05);transition:all 0.5s linear; font-weight: bold; letter-spacing: 5px;}
.Box .BoxSwitch {margin-top: 20px; text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #e3c98c;}

/*栏目页-留学*/
.lam_liuxue .hdmenu{ width: 95%; box-shadow: 2px 2px 20px #ccc; margin: 40px auto; font-size: 20px;}
.lam_liuxue .hdmenu a{ float: left; width: 20%; text-align: center; color: #888; border-right:1px solid #ddd; letter-spacing: 5px; font-weight: bold; padding: 20px 0; text-shadow: 2px 2px 20px #ccc;}
.lam_liuxue .hdmenu a:last-child{ border: 0;}
.lam_liuxue .hdmenu a.on,.lam_liuxue .hdmenu a:hover{ background-color: #c69d3c; color: #fff;}

.lam_liuxue .lxbox{width: 95%; box-shadow: 2px 2px 20px #ccc; margin: 0 auto; padding: 20px;}
.lam_liuxue .lxbox .flag{ float: left; width: 40%;}
.lam_liuxue .lxbox .flag img{ width: 100%;}

.lam_liuxue .lxbox .fin .info{ float: right; width: 60%; padding: 10px 20px; line-height: 150%;}
.lam_liuxue .lxbox .fin .info a{ display: block;  list-style-type: disc; color: #333; font-size: 16px; font-weight: bold; line-height: 150%;}
.lam_liuxue .lxbox .fin .info a:hover{color:#c69d3c; }
.lam_liuxue .lxbox .fin .info p{ text-align: justify; text-justify: distribute; color: #888; margin-bottom: 10px;}

.lam_liuxue .lxcase{ margin: 20px auto 20px 50px; text-align: center;}

.lx_team .tambox{ display: flex;}
.lx_team .tambox .teamimg { text-align: center; margin: 0 10px;}
.lx_team .tambox .teamimg p{ line-height: 150%;}
.lx_team .tambox .teamimg p.teamti{ color: #333; font-size: 16px;}
.lx_team .tambox .teamimg p.teamz{ color: #666;}

/*栏目页-移民*/
.ymtry a{ color: #666; font-size: 16px; margin: 0 10px; font-weight: bold;}
.ymtry a:hover{ color: #e3c98c;}

.about-body {
	display: block;
}
.about-body .ab_l {width: 50%;	padding: 20px;	background-color: #ffebd7; float: left;}
 @media screen and (max-width: 768px) {.about-body .ab_l {width: 100%;	 float: none;}}
 .about-body .ab_l h3 {	font-size: 20px; color: #c69d3c;	}
 @media screen and (max-width: 768px) {.about-body .ab_l h3 {	font-size: 1.2rem;}}
.about-body .ab_l p {	line-height: 26px; margin-top: 18px;	color: #828282;	letter-spacing: 2px; text-align: justify; text-justify: distribute;}
.about-body .ab_l a {	display: block;width: 92px;	height: 27px;	border: 1px solid #e3c98c;	margin-top: 14px;	text-align: center;	line-height: 27px;color: #c69d3c;	}
.about-body .ab_l a:hover {color: #fff;	background-color: #7a7a7a;	border: 1px solid #7a7a7a;}

.about-body .ab_r {display: block;	float: right;	width: 50%;	text-align: center;	font-size: 0;}
 @media screen and (max-width: 768px) {.about-body .ab_r {width: 100%;margin-top: 4%;}}
 .about-body .ab_r li {	display: inline-block;	width: 33.33%;	padding-left: 9px;	background-color: #fff;}
.about-body .ab_r li:last-child {	margin-right: 0;}

.about-body .ab_r li .con {background-color: #ffebd7;	padding-bottom: 25px;	}
 @media screen and (max-width: 748px) {.about-body .ab_r li .content {	padding-bottom: 0.8rem;}}
.about-body .ab_r li .con:hover {	background-color: #7a7a7a;}
.about-body .ab_r li .con h3 {line-height: 1;	font-size: 18px;	color: #5c5c5c;	margin-top: 20px;}
 @media screen and (max-width: 748px) {.about-body .ab_r li .content h3 {	font-size: 1rem;	margin-top: 0.8rem;}}
.about-body .ab_r li .con h3 a {color: #c69d3c;}
.about-body .ab_r li .con:hover h3 a {	color: #fff;}
.about-body .ab_r li .con p {font-size: 13px;	color: #e3c98c;	line-height: 1;margin-top: 10px;}
 @media screen and (max-width: 640px) {.about-body .ab_r li .content p {	display: none;}}
 .about-body .ab_r li .con:hover p {	color: #d0d0d0;}
 .ads {  width: 1010px;  margin: 30px auto; text-align: center;}
@media screen and (max-width: 768px) {	.ads{	display:none;	}}
@media screen and (max-width: 768px) {	.ys {display:none;}}
.ads .item{ width: 202px;  height: 233px;   padding: 50px 25px 0;  background: url(../img/advbg1.png) no-repeat;  float: left;}
.ads .item:nth-child(2n){ background: url(../img/advbg2.png) no-repeat;}
.ads .item .title{ font-size: 20px; color: #c69d3c; font-weight: bold; border-bottom: 1px dashed #d2d2d2; line-height: 50px; margin-bottom: 14px;padding-left: 35px;  position: relative;}
.ads .item .title i{width: 35px;	height: 30px;	 position: absolute;left: 15px;	top: 10px;	}
.ads .item .desc{ font-size: 14px;   line-height: 22px;  color: #666;	}
.ads .test-box{ margin-top: 40px;}
 
 
.brand-type {
	display: block;
	text-align: center;
	font-size: 0;
	margin-bottom: 3.6%;
}
.brand-type li {
	display: inline-block;
	width: 170px;
	height: 48px;
	margin: 15px;
	text-align: center;
	line-height: 48px;
	border-radius: 20px;
	font-size: 18px;
	color: #8d8d8d;
	background-color: #f2f2f2;
	cursor: pointer;
	transition: 0.5s;
}
.brand-type li a {
	color: #8d8d8d;
	display: block;
}
 @media screen and (max-width: 768px) {
.brand-type li {
	width: 20%;
	margin: 1%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
}
 @media screen and (max-width: 640px) {
.brand-type li {
	width: 40%;
}
}
.brand-type li.active {
	color: #fff;
	background-color: #696969;
}
.brand-type li.active a {
	color: #fff;
}


.brand-body .box {
	display: block;
	overflow: hidden;
}
.brand-body .group {
	display: block;
	overflow: hidden;
}
.brand-body .list {
	display: block;
}
.brand-body ul {
	display: block;
	overflow: hidden;
	margin: -8px -6px;
}
.brand-body li {
	display: block;
	float: left;
	width: 25%;
	padding: 8px 6px;
}
 @media screen and (max-width: 640px) {
.brand-body li {
	width: 50%;
}
}
.brand-body li>a {	display: block;	overflow: hidden;	position: relative;}
.brand-body li img {width: 100%;	height: auto;}
.brand-body li .mask {display: block;	position: absolute;width: 100%; height: 100%;	opacity: 0.8;
background-color: rgba(0,0,0,0.6);	top: 0;	text-align: center; transition: 0.2s;	}
 @media screen and (min-width: 768px) {.brand-body li .mask {padding: 20% 10px;}}
 
 
.brand-body li .mask:hover {	opacity: 1;}
.brand-body li .mask h3 {font-size: 26px;	letter-spacing: 2px;color: #fff; padding: 10px;	text-overflow: ellipsis;}
 @media screen and (max-width: 768px) {.brand-body li .mask h3 {	font-size: 2rem; padding-top: 3rem;}}
.brand-body li .mask p {font-size: 16px;	color: #e1e1e1;	overflow: hidden;	text-overflow: ellipsis;}
 @media screen and (max-width: 768px) {.brand-body li .mask p {font-size: 1.2rem; }}
 
.brand-body li .mask>span {
	display: inline-block;
	width: 96px;
	height: 28px;
	border: 1px solid #fff;
	color: #fff;
	margin-top: 20%;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	opacity: 0;
		transition: 0.5s;
}
.brand-body li .mask:hover span{
	opacity: 1;
}

 @media screen and (max-width: 768px) {
.brand-body li .mask>span {
	display: none;
}
}
.agency-brand .action {
	display: block;
	margin-top: 14px;
}
 @media screen and (max-width: 640px) {
.agency-brand .action {
	display: none;
}
}
.agency-brand .action .btn {
	display: block;
	width: 50%;
	float: left;
	height: 64px;
	transition: 0.5s;
}
.agency-brand .action .btn:hover {
	background-color: #7a7a7a;
}
.agency-brand .action .btn.disabled {
	background-color: #e5e5e5;
	cursor: default;
	pointer-events: none;
}
.agency-brand .action .prev {
	background-color: #e5e5e5;
	text-align: right;
	padding-right: 50px;
}
.agency-brand .action .next {
	background-color: #e5e5e5;
	text-align: left;
	padding-left: 50px;
}
.agency-brand .action i {
	display: inline-block;
	margin-top: 15px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
}
.agency-brand .action .prev:hover i {
	background: url(../img/allbgs.png) no-repeat -169px 0px;
	width: 50px;
	padding-top: 37px;
}
.agency-brand .action .next:hover i {
	background: url(../img/allbgs.png) no-repeat -118px 0px;
	width: 51px;
	padding-top: 37px;
}


.join {
	display: block;
	position: relative;
	text-align: center;
	padding: 130px 20px;
	margin-top: 4.5%;
	background: url(../img/join-bg.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
 @media screen and (max-width: 768px) {
.join {
	padding: 100px 20px;
	background: url(../img/join-bg.jpg) no-repeat center scroll;
}
}
 @media screen and (max-width: 768px) {
.join {
	padding: 80px 20px;
}
}
.join .mask {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
}
.join .text {
	display: block;
	position: relative;
	z-index: 5;
}
.join .text h3 {
	display: block;
	line-height: 1;
	font-size: 50px;
	color: #fff;
}
 @media screen and (max-width: 768px) {
.join .text h3 {
	font-size: 38px;
}
}
 @media screen and (max-width: 640px) {
.join .text h3 {
	font-size: 30px;
}
}
.join .text p {
	display: block;
	line-height: 1;
	font-size: 24px;
	color: #b1b1b1;
	margin-top: 20px;
}
 @media screen and (max-width: 640px) {
.join .text p {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 20px;
}
}
.join .text a {
	display: inline-block;
	width: 176px;
	height: 52px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 52px;
	color: #eee;
	font-size: 20px;
	margin-top: 74px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
}
 @media screen and (max-width: 768px) {
.join .text a {
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin-top: 50px;
}
}
 @media screen and (max-width: 640px) {
.join .text a {
	margin-top: 30px;
}
}
.join .text a:hover {
	background-color: rgba(0,0,0,0.5);
}


.container-full a.more {height: 36px;line-height: 36px;	background-color: #ffebd7;	text-align: center;	margin-top: 30px; color: #666; display: block;}
.container-full a.more:hover {color: #fff;background-color: #e3c98c;}

.partner-body {overflow: hidden; width: 1170px;}
@media screen and (max-width: 768px) {.partner-body{width: 100%;}}

.partner-body a {float: left;  border: 1px solid #e1e1e1;}
@media screen and (min-width: 769px) {.partner-body a {width: 165px; padding: 2px; margin: 10px 15px;}}
@media screen and (max-width: 768px) {.partner-body a {width: 31%; padding: 1%; margin: 0.2rem 1%;}}
.partner-body a p {	color: #5c5c5c; line-height: 25px;	text-align: center;	transition: 0.3s;}
.partner-body a p:hover {color: #c69d3c;}
.partner-body a img {width: 100%; height: 90px;}
@media screen and (max-width: 800px) {.partner-body a img{height: 14.2vw;}}

.partner-body a img:hover{	opacity: 0.8;}

/*首页-团队*/
.partner-body #Marquee li img{ width: 175px; height: 234px; margin: 0 10px; }
.partner-body #Marquee li img:hover{cursor: pointer; opacity: 0.8;}
.partner-body #Marquee li p{ position: relative; bottom: 30px; left: 10px; height: 30px; line-height: 30px; z-index: 999; background-color:rgba(50,50,50,0.8); color: #fff; font-size: 14px; text-align: center; width: 175px;}

/*首页-新闻资讯*/
.news-body .imp_news {float: left;	width: 39.83%;}
@media screen and (max-width: 768px) {.news-body .imp_news {	width: 100%;	float: none;}}
.news-body .imp_news .pic {display: block;	position: relative;}
.news-body .imp_news img {display: block;width: 100%;}
.news-body .imp_news .date {	display: block;position: absolute;width: 67px;height: 64px;	top: 0;left: 0;background-color: #e3c98c;text-align: center;	color: #fff;overflow: hidden;}
.news-body .imp_news .date .day {display: block;font-size: 34px;	color: #fff;	line-height: 1;	margin-top: 8px;}
.news-body .imp_news .date .month {	display: block;	line-height: 1;	color: #fff;	font-size: 13px;	margin-top: 3px;}
.news-body .imp_news h3 {	display: block;	margin-top: 22px;	color: #5c5c5c;white-space: nowrap;
	overflow: hidden;	text-overflow: ellipsis;	font-size: 16px; color: #c69d3c;}
 @media screen and (max-width: 768px) {.news-body .imp_news h3 {margin-top: 4%;}}
.news-body .imp_news h3 a {color:inherit;}
.news-body .imp_news h3 a:hover {color: #e3b08c;}
.news-body .imp_news p {	line-height: 23px;	color: #868686;	margin-top: 8px;}
.news-body .orther-news {float: right;width: 56.66%;}
 @media screen and (max-width: 768px) {.news-body .orther-news {width: 100%;	float: none;margin-top: 5%;}}
.news-body .orther-news ul {	margin: -18px 0;}
.news-body .orther-news li {	display: block;	padding: 18px 0;border-bottom: 1px dashed #d1d1d1;}
.news-body .orther-news li:last-child {border-bottom: 0;padding-bottom: 0;}
.news-body .orther-news li .date {	display: block;width: 64px;height: 71px;	float: left;margin-right: 15px;overflow: hidden;	border: 1px solid #b2b2b2;text-align: center;}
.news-body .orther-news li .date .day {font-size: 40px;color: #7e7e7e;line-height: 1;margin-top: 6px;}
.news-body .orther-news li .date .month {	display: block;	line-height: 1;	font-size: 13px;	color: #5c5c5c;	margin-top: 4px;}
.news-body .orther-news li .content {overflow: hidden;}
.news-body .orther-news li .content h3 {font-size: 16px; white-space: nowrap;overflow: hidden;	text-overflow: ellipsis;}
.news-body .orther-news li .content h3 a {color: #c69d3c;	transition: 0.3s;	}
.news-body .orther-news li .content h3 a:hover {color: #e3b08c;}
.news-body .orther-news li .content p {line-height: 23px;color: #767676;margin-top: 6px;}

/*首页-活动*/
.hdbody .hdbox{ float: left; width: 23%; margin: 1%;  box-shadow: 0 0 11px rgba(0,0,0,0.12);}
 @media screen and (max-width: 768px) {.hdbody .hdbox {width: 48%;}}

.hdbody .hdbox .hd1{ height: 12vw; display: block;}
 @media screen and (max-width: 768px) {.hdbody .hdbox .hd1 {height: 24vw;}}

.hdbody .hdbox .hd1 img{width: 100%; height: 100%;}
.hdbody .hdbox:hover img{transition: all 0.3s linear; transform: scale(1.05);}
.hdbody .hdbox .hd2{ padding: 10px 25px 20px; height: 75px;}
.hdbody .hdbox .hd2 h3{ color: #c69d3c;}
 @media screen and (max-width: 768px) {.hdbody .hdbox .hd2 h3{ font-size: 0.8rem;}}

.hdbody .hdbox .hd2 h3 a{ color: inherit;}
.hdbody .hdbox .hd2 h3 a:hover {color: #e3b08c;}

.go-top {display: none;	position: fixed;	bottom: 50px;	right: 20px;	width: 50px;height: 50px;	z-index: 9999;	cursor: pointer;	background: rgba(0,0,0,0.6) url(../img/go-top.png) no-repeat center;	transition: 0.3s;}
 @media screen and (max-width: 768px) {.go-top {width: 30px;height: 30px;	right: 15px;	bottom: 30px;	background-size: auto 10px;}}
.go-top:hover {background-color: #c69d3c;}

/*右侧留言*/
.liuyan{ width: 190px; padding: 20px; position: fixed; top: 150px; right: 0px; background-color: rgba(50,159,215,0.8); z-index: 9999;}
@media screen and (max-width: 768px) {.liuyan{display: none;}}
.liuyan .lytitle{ font-size: 16px; text-align: center; color: #fff; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px;}
.liuyan input,.liuyan select,.liuyan textarea{ margin:5px 0; color: #333; width: 150px;}
.liuyan .btn{ margin-bottom: 5px;}
.liuyan .btn input{ background-color: #666; font-weight: bold; color: #fff; padding: 2px 0; letter-spacing: 5px;}
.liuyan .show{ text-align: center; color: red; }
/*图标*/
.search-icon {	background: url(../img/allbgs.png) no-repeat 0px 0px;	width: 14px;	padding-top: 16px;}
.wz-icon {background: url(../img/allbgs.png) no-repeat -14px 0px;width: 16px;	padding-top: 17px;}
.addr-icon {	background: url(../img/allbgs.png) no-repeat -30px 0px;	width: 20px;	padding-top: 17px;}
.phone-icon-s {	background: url(../img/allbgs.png) no-repeat -50px 0px;	width: 17px;padding-top: 18px;}
.next-icon {	background: url(../img/allbgs.png) no-repeat -67px 0px;	width: 51px;	padding-top: 37px;}
.prev-icon {	background: url(../img/allbgs.png) no-repeat -219px 0px;	width: 50px;	padding-top: 37px;}
.phone-icon {	background: url(../img/allbgs.png) no-repeat -269px 0px;width: 40px;	padding-top: 40px;}
.project-arrow {background: url(../img/allbgs.png) no-repeat -309px 0px;	width: 40px;	padding-top: 41px;}






/*---------------------------------------公司简介-------------------------------------*/

.main-header {height: 51px;	width: 100%;border-bottom: 1px solid #d6d6d6;line-height:50px;}
 @media screen and (max-width: 768px) {.main-header {height: auto;border-bottom: none;}}
.main-header .position {float: left; color: #777;}
 @media screen and (max-width: 768px) {.main-header .position {width: 100%;	border-bottom: 1px solid #d6d6d6;}}
.main-header .position a {	color:inherit;transition: 0.3s;}
.main-header .position span {padding: 0 3px;}
.main-header .position a:hover {color: #c69d3c;}

.main-header .subnav { float: right;}
 @media screen and (max-width: 768px) {.main-header .subnav {display: none;}}
.main-header .subnav li {display: inline-block;	margin-left: 30px;}
.main-header .subnav li a {color: #3c3c3c;height: 50px;line-height: 49px;}
.main-header .subnav li a.on{ color: #c69d3c;}

/*-------------------------------------------代理品牌-------------------------------------------*/
.brand-center-header {margin: 20px auto; border-bottom: 1px solid  #e3c98c;}
 @media screen and (max-width: 768px) {.brand-center-header {	margin: 2% 0;}}
 .brand-center-header:after {display: block;clear: both;content: "";visibility: hidden;height: 0;font-size: 0;}
 
.brand-center-header h2 {font-size: 20px;	color: #c69d3c;}
.brand-center-header a.more{color: #c69d3c; margin-right: 10px; margin-top: 8px;}

.brand-center-header .country-brief-right{	float: right;	margin-left: 50px;}
 @media screen and (max-width: 768px) {.brand-center-header .country-brief-right {	float: none;	margin-left: 0;	margin-top: 2%; line-height: 30px;}}
 
.brand-center-body {overflow: hidden;}
.brand-center-body .brieftxt{ float: left; width: 800px; }
 @media screen and (max-width: 768px) {.brand-center-body .brieftxt {	width: 100%;}}

.brand-center-body .brieftxt p{ margin-bottom: 10px; color:#6b6b6b; line-height: 33px;}
.brand-center-body .briefimg{ float: right; width: 350px;}
 @media screen and (max-width: 768px) {.brand-center-body .briefimg {	width: 100%;}}

.brand-center-body .briefimg img{ width: 100%;}
.brand-center-body li {display: inline-block; *display: inline; *zoom:1; width: 33%;	padding: 1%;	text-align: center;}
 @media screen and (max-width: 768px) {.brand-center-body li {	width: 48%;}}

.brand-center-body li img {width: 100%; transition: 0.5s; max-width: 350px; max-height: 210px;}
.brand-center-body li:hover img{transform: scale(1.1);}
.brand-center-body li .text {padding: 15px;	background-color: #f5f5f5;margin-top: 13px;transition: 0.3s;}
.brand-center-body li:hover .text {	background-color: #969696;}

.brand-center-body li .text a.hti {	color: #5f5f5f;	transition: 0.3s; font-weight: bold; display: block; line-height: 1; font-size: 1rem;}

.brand-center-body li:hover .text a.hti {	color: #fff;}
.brand-center-body li .text a.more {padding: 1px 16px;	border: 1px solid #c3c3c3;	font-size: 12px; color: #5f5f5f;	margin-top: 20px; transition: 0.3s; display: inline-block;}
.brand-center-body li:hover .text a.more {color: #fff;	border: 1px solid #fff;}

.pagenation {
	display: block;
	text-align: center;
	margin-top: 5.2%;
	font-size: 0;
}
.pagenation li {
	display: inline-block;
 *display: inline;
 *zoom:1;
	color: #777;
	margin: 0 3px;
	font-size: 14px;
}
 @media screen and (max-width: 640px) {
.pagenation li.hide {
	display: none;
	margin: 0;
}
}
.pagenation li a {
	display: block;
	padding: 4px 12px;
	border: 1px solid #545454;
	color: #545454;
	transition: 0.3s;
}
 @media screen and (max-width: 640px) {
.pagenation li a {
	padding: 4px 9px;
}
}
.pagenation li a:hover {
	border: 1px solid #59be65;
	color: #59be65;
}
.pagenation li.active a {
	color: #fff;
	background-color: #59be65;
	border: 1px solid #59be65;
}
.pagenation li span {
	display: block;
	padding: 4px 3px;
	border: 1px solid #fff;
	color: #545454;
}
.pagenation li input {
	display: block;
	border: 1px solid #545454;
	outline: none;
}
.pagenation li .input {
	width: 37px;
	padding: 4px 0;
	text-align: center;
	color: #545454;
}
.pagenation li .input:focus {
	border: 1px solid #59be65;
}
.pagenation li .submit {
	padding: 4px 16px;
	background-color: #fff;
	cursor: pointer;
}
.pagenation li .submit:hover {
	color: #fff;
	background-color: #59be65;
	border: 1px solid #59be65;
}
/*-------------------------------------------代理品牌详情-------------------------------------------*/

.brand-detail {
	display: block;
	width: 100%;
	max-width: 1440px;
	padding-top: 2%;
	margin: 0 auto;
}
.brand-detail .item {
	display: block;
	overflow: hidden;
	clear: both;
}
.brand-detail .pic {
	display: block;
	width: 50%;
	background-repeat: no-repeat;
}
 @media screen and (max-width: 768px) {
.brand-detail .pic {
	width: 100%;
	float: none;
}
}
.brand-detail .pic img {
	display: block;
	width: 100%;
	height: auto;
}
.brand-detail .text {
	display: block;
	width: 50%;
	padding: 0% 3%;
	margin-top: 8%;
	position: relative;
	line-height: 35px;
	color: #6b6b6b;
}
 @media screen and (max-width: 1230px) {
.brand-detail .text {
	margin-top: 4%;
	line-height: 30px;
}
}
 @media screen and (max-width: 768px) {
.brand-detail .text {
	width: 100%;
	float: none;
	padding: 3%;
	margin: 0;
}
}
 @media screen and (max-width: 640px) {
.brand-detail .text {
	padding: 3% 15px;
}
}
/*--------------------------------------- 新闻中心-------------------------------------*/

.news-center .item {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 2.4% 0;
	border-bottom: 1px dashed #cdcdcd;
}
.news-center .item .date {
	display: block;
	float: left;
	width: 15%;
	padding: 50px 2.5% 50px 2.5%;
	text-align: center;
	font-size: 0;
}
 @media screen and (max-width: 768px) {
.news-center .item .date {
	display: none;
}
}
.news-center .item .date .day {
	display: block;
	font-size: 31px;
	color: #454545;
	font-weight: bold;
	line-height: 1;
}
.news-center .item .date .line {
	display: inline-block;
 *display: inline;
	width: 90px;
	height: 1px;
	background-color: #d9d9d9;
	margin: 16px 0;
}
.news-center .item .date .month {
	display: block;
	font-size: 12px;
	color: #838383;
}
.news-center .item .pic {
	display: block;
	float: left;
	margin-right: 3.4%;
}
.news-center .item .pic img {
	display: block;
	width: 299px;
	height: 182px;
}
 @media screen and (max-width: 640px) {
.news-center .item .pic img {
	width: 131px;
	height: 80px;
}
}
.news-center .item .content {
	display: block;
	overflow: hidden;
}
.news-center .item .content h4 {
	display: block;
	display: -webkit-box;
	overflow: hidden;
}
 @media screen and (max-width: 640px) {
.news-center .item .content h4 {
	-webkit-line-clamp: 2;
}
}
.news-center .item .content h4 a {
	font-size: 18px;
	color: #545454;
	transition: 0.3s;
}
 @media screen and (max-width: 640px) {
.news-center .item .content h4 a {
	font-size: 16px;
}
}
.news-center .item .content h4 a:hover {
	color: #c69d3c;
}
.news-center .item .content span {
	display: block;
	margin-top: 8px;
	color: #6e6e6e;
}
.news-center .item .content p {
	display: block;
	line-height: 22px;
	color: #6e6e6e;
	font-size: 13px;
	margin-top: 8px;
	height: 66px;
	display: -webkit-box;
	overflow: hidden;
}
 @media screen and (max-width: 640px) {
.news-center .item .content p {
	display: none;
}
}
.news-center .item .content .more {
	display: block;
	width: 146px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	color: #545454;
	border: 1px solid #9b9b9b;
	margin-top: 12px;
	transition: 0.3s;
}
 @media screen and (max-width: 640px) {
.news-center .item .content .more {
	display: none;
}
}
.news-center .item .content .more:hover {
	color: #fff;
	background-color: #7a7a7a;
}
/*--------------------------新闻详情---------------------------------*/

.artical-header {
	display: block;
	margin: 4.5% auto 3%;
	text-align: center;
}
 @media screen and (max-width: 768px) {
.artical-header {
	margin: 6% auto 5%;
}
}

.artical-header p {
	display: block;
	line-height: 33px;
	margin-top: 1.6%;
	color: #777;
	font-size: 12px;
	background-color: #e9e9e9;
}
.artical-header p span {
	display: inline-block;
	margin: 0 2%;
}
.artical-body {
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 1.7;
}
.artical-body img {
	display: block;
	max-width: 100%;
}
.artical-body p {
	display: block;
	margin-bottom: 1.2em;
}
.artical-footer {
	display: block;
	overflow: hidden;
	border-top: 1px solid #717171;
	margin-top: 2%;
	padding-top: 2%;
}
 @media screen and (max-width: 768px) {
.artical-footer {
	margin-top: 4%;
	padding-top: 4%;
}
}
.artical-footer .choose-artical {
	display: block;
	float: left;
	max-width: 60%;
}
 @media screen and (max-width: 640px) {
.artical-footer .choose-artical {
	width: 100%;
	max-width: 100%;
	float: none;
}
}
.artical-footer .choose-artical a {
	display: block;
	color: #717171;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.3s linear;
}
.artical-footer .choose-artical a:hover {
	color: #c69d3c;
}
.artical-footer .share {
	display: block;
	float: right;
	max-width: 40%;
	margin-top: 20px;
	overflow: hidden;
}
 @media screen and (max-width: 640px) {
.artical-footer .share {
	width: 100%;
	max-width: 100%;
	float: none;
	margin-top: 4%;
}
}
.share .jiathis_style .jiathis_counter.jiathis_bubble_style {
	width: 36px !important;
}
/*------------------------人才招聘------------------------*/
.recruitment {
	display: block;
	margin-top: 3%;
}
.recruitment li {
	display: block;
	position: relative;
	margin: 2.4% 0;
}
 @media screen and (max-width:768px) {
.recruitment li {
	margin: 4% 0;
}
}
.recruitment li>a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: #ebebeb;
	transition: 0.3s linear;
}
.recruitment li:hover>a {
	background: #e4e4e4;
}
.recruitment li .zw {
	display: block;
	float: left;
	max-width: 70%;
	padding-left: 15px;
	font-size: 16px;
	color: #777;
	background: url(../img/arrow.png) no-repeat left -7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recruitment li:hover a .zw {
	background: url(../img/arrow.png) no-repeat left 17px;
}
.recruitment li .time {
	display: block;
	float: right;
	color: #777;
}
.recruitment li .recruitment-detail {
	display: none;
	margin-top: 2.4%;
	padding: 0 20px;
}
 @media screen and (max-width:768px) {
.recruitment li .recruitment-detail {
	margin-top: 4%;
}
}
.recruitment li .recruitment-detail .request {
	display: block;
	font-size: 15px;
	color: #5e5e5e;
	line-height: 1.8
}
.recruitment li .recruitment-detail .request span {
	display: inline-block;
	margin-right: 5%;
}
.recruitment li .recruitment-detail .describe {
	display: block;
	margin-top: 10px;
}
.recruitment li .recruitment-detail .describe .tit {
	display: block;
	color: #5e5e5e;
}
.recruitment li .recruitment-detail .txt {
	display: block;
	font-size: 13px;
	line-height: 26px;
	color: #777;
	margin-top: 8px;
}
.recruitment li .recruitment-detail .send {
	display: block;
	color: #c69d3c;
	margin-top: 10px;
}
.recruitment li .recruitment-detail .send:hover {
	text-decoration: underline;
}
/*---------------------------------联系我们--------------------------*/

.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
.contact-us .contact-way {
	display: block;
}
.contact-us .contact-way .tit {
	display: block;
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.contact-us .contact-way .tit h1, .contact-way .tit h4 {
	display: block;
	font-weight: bold;
	padding: 0 12px;
	border-left: 3px solid #c69d3c;
	font-size: 18px;
	color: #676767;
}
.contact-us .contact-way ul {
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid #e1e1e1;
}
.contact-us .contact-way ul li {
	display: inline-block;
 *display: inline;
	padding: 10px 0;
}
.contact-us .contact-way .box1 ul li {
	margin-right: 10%;
}
.contact-us .contact-way .box2 ul li {
	margin-right: 3%;
}
.contact-us .contact-way ul li:last-child {
	margin-right: 0;
}
.contact-us .contact-way ul li span {
	display: block;
	padding-left: 32px;
	line-height: 22px;
	font-size: 20px;
	color: #656565;
}
 @media screen and (max-width:640px) {
.contact-us .contact-way ul li span {
	font-size: 18px;
}
}
 @media screen and (max-width: 375px) {
.contact-us .contact-way ul li span {
	font-size: 16px;
}
}
.contact-us .contact-way ul li .addr {
	background: url(../img/addr.png) no-repeat left center;
}
.contact-us .contact-way ul li .phone {
	background: url(../img/phone.png) no-repeat left center;
}
.contact-us .contact-way ul li .email {
	background: url(../img/email.png) no-repeat left center;
}
.contact-us .contact-way ul li span a {
	display: block;
	float: right;
	height: 22px;
	width: 57px;
	border-radius: 10px;
	color: #656565;
	background-color: #e6e6e6;
	font-size: 13px;
	text-align: center;
	line-height: 22px;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
}
 @media screen and (max-width: 640px) {
.contact-us .contact-way ul li span a {
	display: none;
}
}
.contact-us .contact-way ul li span a:hover {
	background-color: #656565;
	color: #fff;
}
.contact-us .contact-way ul li p {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #8f8f8f;
}
/*------------------------------资料下载---------------------*/

.data-download {
	display: none;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}
.data-download.on {
	display: block;
}
.data-download ul {
	display: block;
	margin: -1.5% -1%;
}
.data-download li {
	display: inline-block;
	width: 25%;
	padding: 1.5% 1%;
}
 @media screen and (max-width: 768px) {
.data-download li {
	width: 50%;
}
}
.data-download li img {
	display: block;
	width: 100%;
	height: auto;
	padding: 2%;
	border: 1px solid #b1b1b1;
}
.data-download li p {
	display: block;
	color: #777;
	font-size: 14px;
	margin-top: 10px;
}
.data-download li a {
	display: inline-block;
	margin-top: 10px;
	padding: 1px 10px;
	color: #777;
	font-size: 12px;
	border: 1px solid #b1b1b1;
	border-radius: 15px;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
}
.data-download li a:hover {
	color: #fff;
	background-color: #696969;
	border: 1px solid #696969;
}
/*-------------------品牌服务-------------------*/


.exhibition-hall {
	display: block;
	font-size: 0;
	padding-top: 1%;
}
.exhibition-hall ul {
	overflow: hidden;
	display: block;
	margin: -1.6% -1%;
}
 @media screen and (max-width: 768px) {
.exhibition-hall ul {
	margin: -3% -1%;
}
}
.exhibition-hall ul li {
	height: 530px;
	overflow: hidden;
	float: left;
	padding: 1.6% 1%;
	width: 33.3%
}
.exhibition-hall ul li img {
	height: 300px;
	width: 100%;
}
.exhibition-hall ul li .zttxt {
	margin-top: 10px;
}
@media screen and (max-width: 1230px) {
.exhibition-hall ul li {
	width: 50%;
}
}
 @media screen and (max-width: 768px) {
.exhibition-hall ul li {
	width: 100%;
	text-align: center;
	padding: 3%
}
}
 @media screen and (max-width: 1230px) {
.exhibition-hall ul li:nth-child(3n) {
	width: 50%;
}
}
 @media screen and (max-width: 768px) {
.exhibition-hall ul li:nth-child(3n) {
	width: 100%;
}
}
.exhibition-hall ul li h4 {
	font-size: 20px;
	color: #8f8f8f;
	font-weight: bold;
	margin-bottom: 10px;
}
.exhibition-hall ul li p {
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #8f8f8f;
}
.exhibition-hall .more {
	display: block;
	width: 150px;
	height: 46px;
	text-align: center;
	line-height: 44px;
	border: 1px solid #d3d3d3;
	margin: 5% auto 0;
	font-size: 20px;
	color: #8b8b8b;
	transition: 0.3s linear;
}
 @media screen and (max-width: 768px) {
.exhibition-hall .more {
	font-size: 16px;
	height: 42px;
	line-height: 40px;
}
}
.exhibition-hall .more:hover {
	color: #fff;
	background-color: #696969;
	border: 1px solid #696969;
}
.bussiness-join {
	display: block;
	margin-top: 4%;
}
 @media screen and (max-width: 768px) {
.bussiness-join {
	margin-top: 8%;
}
}
.bussiness-join-header {
	text-align: center;
	padding: 176px 0 190px 0;
	background: url(../img/bussiness-join.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	background-size: cover;
}
 @media screen and (max-width: 768px) {
.bussiness-join-header {
	padding: 136px 0 150px 0;
	background: url(../img/bussiness-join.jpg) no-repeat center scroll;
}
}
 @media screen and (max-width: 640px) {
.bussiness-join-header {
	padding: 100px 0 100px 0;
}
}
 @media screen and (max-width: 375px) {
.bussiness-join-header {
	padding: 60px 0;
}
}
.bussiness-join-header h3 {
	display: block;
	font-size: 50px;
	color: #fff;
	line-height: 1;
}
 @media screen and (max-width: 768px) {
.bussiness-join-header h3 {
	font-size: 38px;
}
}
 @media screen and (max-width: 640px) {
.bussiness-join-header h3 {
	font-size: 28px;
}
}
 @media screen and (max-width: 375px) {
.bussiness-join-header h3 {
	font-size: 24px;
}
}
.bussiness-join-header p {
	display: block;
	color: #c9c8c8;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 10px;
}
 @media screen and (max-width: 768px) {
.bussiness-join-header p {
	font-size: 20px;
}
}
.bussiness-join-body {
	display: block;
}
.bussiness-join-body h4 {
	display: block;
	font-size: 28px;
	color: #373737;
	text-align: center;
}
 @media screen and (max-width: 768px) {
.bussiness-join-body h4 {
	font-size: 22px;
}
}
.bussiness-join-body .join-request {
	display: block;
	margin-top: 5%;
}
 @media screen and (max-width: 768px) {
.bussiness-join-body .join-request {
	margin-top: 8%;
}
}
.bussiness-join-body .join-request .content {
	display: block;
	margin-top: 4.5%;
}
 @media screen and (max-width: 768px) {
.bussiness-join-body .join-request .content {
	margin-top: 6%;
}
}
.bussiness-join-body .join-request .content h5 {
	font-size: 18px;
	color: #8b8b8b;
	font-weight: bold;
}
.bussiness-join-body .join-request .txt {
	display: block;
	font-size: 16px;
	line-height: 35px;
	color: #8b8b8b;
	margin-top: 1%;
}
.bussiness-join-body .fill-info {
	display: block;
	margin-top: 5%;
}
 @media screen and (max-width: 1230px) {
.bussiness-join-body .fill-info {
	display: none;
}
}
.bussiness-join-body .fill-info .info {
	display: block;
	margin-top: 4.5%;
}
 @media screen and (max-width: 768px) {
.bussiness-join-body .fill-info .info {
	margin-top: 6%;
}
}
.bussiness-join-body .fill-info .info .city {
	display: block;
	height: 30px;
	line-height: 30px;
}
.bussiness-join-body .fill-info .info .city label {
	position: relative;
	display: block;
	float: left;
	margin-left: -100%;
	left: 0;
	font-size: 18px;
	color: #8b8b8b;
	font-weight: bold;
}
.bussiness-join-body .fill-info .info .city .input-box {
	display: block;
	float: left;
	width: 100%;
	padding-left: 64px;
}
.bussiness-join-body .fill-info .info .city .input-box input {
	display: block;
	width: 100%;
	height: 30px;
	padding: 0px 10px;
	line-height: 30px;
	border: none;
	outline: none;
	color: #666;
	font-size: 16px;
}
.table {
	display: table;
	width: 100%;
	min-width: 1200px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 0;
	margin-top: 14px;
}
.table td {
	border: 1px solid #ccc;
	border-width: 0px 0px 1px 1px;
	padding: 10px 20px;
	vertical-align: middle;
	color: #8b8b8b;
	font-size: 16px;
}
.table td input[type="text"] {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #666;
	border: none;
	outline: none;
}
.table td textarea {
	display: block;
	width: 100%;
	height: 100px;
	border: none;
	outline: none;
	line-height: 30px;
	color: #666;
}
.table td input[type="radio"] {
	margin-right: 8px;
	margin-left: 60px;
}
.table td.tac {
	text-align: center;
}
.table td label {
	margin-right: 5%;
}
.bussiness-join-body .fill-info .info .action {
	display: block;
	margin-top: 5.2%;
	text-align: center;
}
.bussiness-join-body .fill-info .info .action input {
	display: inline-block;
	width: 200px;
	height: 46px;
	line-height: 44px;
	border: 1px solid #d3d3d3;
	font-size: 20px;
	color: #8b8b8b;
	background-color: #fff;
	margin: 0 4%;
	outline: none;
	cursor: pointer;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
}
.bussiness-join-body .fill-info .info .action input:hover {
	color: #fff;
	background-color: #696969;
	border: 1px solid #696969;
}
.fenye {overflow: hidden; padding: 30px 0 10px; margin: 0 auto; display: table; *MARGIN-RIGHT: auto; *MARGIN-LEFT: auto; }
.fenye li { float: left;text-align: center;	font-size: 14px; color: #666; border-width: 1px; border-style: solid; border-color:#cdcdcd; background-color: #fff;	border-radius: 5px;	margin: 0 5px; cursor: pointer;}

.fenye li.thisclass,.fenye li:hover {border-color:#e3c98c;background-color: #c69d3c; color: #fff;}
.fenye li a{ display: inline-block; padding: 5px 10px;}
.fenye li a,.fenye li:hover a{ color: inherit; 	}

.ztfl {
	overflow: hidden;
	width: 1230px;
	margin: 0 auto;
}
.ztfl li {
	float: left;
	width: 23%;
	margin: 0 1%;
}
.ztfl li p {
	border: 1px solid #dcdcdc;
}
.ztfl li p img {
	width: 100%;
}
.ztfl li span {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	display: block;
}
.ztfl li span a {
	color: #666666;
}
.ztfl li:hover p {
	border: 1px solid #c69d3c;
}
.ztfl li:hover span a {
	text-decoration: underline;
	color: #c69d3c;
}
 @media screen and (max-width: 768px) {
.ztfl {
	width: 100%;
	margin: 0 auto;
}
.ztfl li {
	width: 90%;
	margin: 0 5%;
}
}
 @media screen and (max-width: 1230px) {
.ztfl {
	width: 100%;
	margin: 0 auto;
}
}
.teamlist {
	overflow: hidden;
	width: 1200px;
	margin: 15px auto 0 auto;
	padding-top: 35px;
	border-top: 1px dashed #dcdcdc;
}
.teamlist li {
	width: 220px;
	float: left;
	margin: 0 10px;
}
.teamlist li p {
	height: 250px;
	width: 220px;
	border: 1px solid #dcdcdc;
}
.teamlist li p img {
	height: 248px;
	width: 218px;
}
.teamlist li span {
	display: block;
	width: 220px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #666666;
}
 @media screen and (max-width: 768px) {
.teamlist {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.teamlist li {
	width: 46%;
	float: left;
	margin: 2%;
}
.teamlist li p {
	width: 100%;
	border: 1px solid #dcdcdc;
	height: auto;
}
.teamlist li p img {
	width: 100%;
	height: auto;
}
.teamlist li span {
	display: block;
	width: 100%;
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #666666;
}
}
.bussiness-join-body .fill-info .info .action .empty {
	display: none;
}
.pptxt {
	width: 100%;
	overflow: hidden;
	line-height: 1.8;
	font-size: 14px;
	color: #666666;
	margin-top: 50px;
}
.pptxt p {
	margin-bottom: 1em;
}

footer {width: 100%; padding-top: 10px;	margin-top: 15px;	background-color: #252b39;}

 @media screen and (max-width: 768px) {footer{padding-top: 2%; margin-top: 1%}}

footer .box-l {
	display: block;
	float: left;
	width: 100px;
}
 @media screen and (max-width: 768px) {footer .box-l {margin-bottom: 10px;}}
footer .box-l .ewm {
	display: block;
	float: left;
}
footer .box-l .ewm img {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
}
footer .box-c {float: left;width: 50%;	margin-left: 4%;	border-left: 1px solid #2e3647;	padding-left: 4%;}
@media screen and (max-width: 768px) {footer .box-c {display: none;}}

footer .box-c .info {display: block;	font-size: 16px;	color: #c6d1ec;	font-weight: bold; margin-bottom: 10px;}
footer p {color: #c6d1ec; line-height: 150%;}
footer p span{font-weight: bold;}
footer p a {color:inherit; margin-right: 6px;	}
footer p a:hover {color: #c69d3c;}	

footer .box-r {float: right;	width: 260px; margin-top: 10px;}
@media screen and (max-width: 768px) {footer .box-r {width: 100%;	float: none;text-align: center;}}
footer .box-r p{line-height: 200%; }
footer .box-r p.line{font-size: 18px; color: #c6d1ec;}
footer .box-r p.phone{ font-size: 22px;}
footer .box-r .phone,footer .box-r .email{ color: #c69d3c;}
footer .box-r .phone a {	color: #c98324; font-size: 14px;}
@media screen and (max-width: 768px) {footer .box-r .phone {margin-top: 2%;}}

footer .web-info {	height: 60px;	line-height: 60px;	margin-top: 34px;	color: #c6d1ec;	background-color: #1a1f29;text-align: center;}
@media screen and (max-width: 768px) {footer .web-info {	display: none;}}

.frend-link {
	display: block;
	margin-top: 24px;
	overflow: hidden;
	clear: both;
}
.frend-link h2{
	display: block;
	font-size: 16px;
	color: #c69d3c;
	font-weight: bold;
	border-bottom: 1px solid #e3c98c;
	line-height: 30px;
}
.frend-link .links {
	margin-top: 5px;
}
.frend-link .links a{
	color: #666;
	margin: 5px 5px;
	line-height: 25px;
}

/*--国家列表---*/
.country ul{ margin:20px 0; overflow:hidden;}
@media screen and (max-width: 768px) {.country ul {	margin: 2% 0;}}

.country li{ float:left; width:116px; text-align:center; line-height:36px; }
@media screen and (max-width: 768px) {.country li {margin-bottom: 0.5rem; width: 20%; overflow: hidden; text-align: left; }}

.country li.hot{background-image: url(/skin/img/hot.gif);background-repeat: no-repeat; background-position:right top;}
@media screen and (max-width: 768px) {.country li.hot {background-position:0 -15%;}}

.country li a{ display:block; height:36px; color:#333; }
.country li a:hover{color:#c69d3c;}
.country li img {margin-right: 5px; width: 44px;}

@media screen and (max-width: 768px) {.country ul li img {	width:35px;}}
@media screen and (max-width: 414px) {.country ul li img {	width:30px;}}


nav ul li dd span {
	font-weight: bold;
	color: #e3c98c;
	height: 40px;
	display: block;

}
nav ul li dd span:hover {

	color: #fff;
}

/*--关于我们--*/
article.contact img{ width: 100%;}
@media screen and (min-width: 768px) {article .con_txt,article .con_img{float: left; }}


@media screen and (min-width: 768px) {article.con1 .con_txt{ width: 59%; margin-top: 20px;}}
@media screen and (min-width: 768px) {article.con1 .con_img{ width: 40%; margin-right: 1%;}}
@media screen and (min-width: 768px) {article.con2 .con_txt{ width: 70%; margin-right: 1%; margin-top: 20px;}}
@media screen and (min-width: 768px) {article.con2 .con_img{ width: 29%;}}


.zhengshu {background-color: #ffebd7;}
 @media screen and (max-width: 640px) {.zhengshu {padding: 2% 0;}}
.zhengshu li {padding: 8px; float: left; margin: 1%; width: 23%; border: 1px solid #e3c98c; }
 @media screen and (max-width: 640px) {.zhengshu li {width: 48%;}}
.zhengshu li img {max-height: 170px; transition: 0.5s;}

/*--精英团队--*/
.team {padding:1% 0;}
.team .teambox{float: left; padding:10px 20px; margin: 5px; background: #f6f6f6; ;}
.team .teambox .teamimg{ float: left; margin-right: 10px; width: 175px;}
.team .teambox .teamimg img{ width: 175px; height: 235px;}
.team .teambox .teamcon{ float: left; width: 365px;}

.anli-title{
	font-size: 16px;
	color: #c69d3c;
	font-weight: bold;
	border-bottom: 1px solid #e3c98c;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*首页底部链接*/
.indexbom{ width:100%; max-width:1200px; margin:0 auto; }
.indexbom .bom_link{margin:20px 0 20px 10px;}
@media screen and (max-width: 768px) {.indexbom .bom_link{ display:none;}}
.indexbom .tit_link{  border-left:#c69d3c solid 4px; padding-left:20px; color:#333; font-size:20px; font-weight:bold;}
@media screen and (max-width: 768px) {.indexbom .tit_link{font-size:1.2rem;}}

.indexbom .bom_link .z_link{ padding-top:10px; }
.indexbom .bom_link .z_link a{ color:#888; float:left; margin:0 5px; }
@media screen and (max-width: 768px) {.indexbom .bom_link .z_link a{font-size:0.8rem;}}
.indexbom .bom_link .z_link a:hover{color:#c99619;}

.tags_list{margin-top: 30px}
.tags_list .tbox dt{padding: 10px 0;font-size: 20px;}
.tags_list .tbox dd{float: none;}
.tags_list .tbox dd a{
	padding: 5px;
	margin: 5px;
	font-size: 14px;
	white-space:nowrap;
	color: #888;
	display: block;
	float: left;
	border: 1px solid #d6d6d6;
	line-height: 25px;
}
.tags_list .tbox dd a:hover{background-color: #c69d3c;color: #fff;border: 1px dotted #d6d6d6;}

.article_tags{display: block;margin-top: 20px;}
.article_tags a{margin: 3px;white-space:nowrap;color: #888;}
.article_tags a:hover{color: #c69d3c;}

.map img {width: 100%;}


.list_xila_info .list_xila_map {
    float: right;
    margin-left: 50px;
}
.list_xila_info .list_xila_map img{width: 100%}
.list_xila_info .xila_info {
    font-weight: bold;
}
.list_xila_you ul{	padding: 10px;}
.list_xila_you ul li{
	list-style: none;
	line-height: 36px;
    background-color: #ffebd7;
    padding-left: 16px;
}
.list_xila_you ul .list_xila_tit{
	font-weight: bold;
	background-color: #e3c98c;
}
.list_xila_lc ul{
	padding: 6px 0 0 20px;
	list-style-type:decimal;
}
.list_xila_lc  ul li{
	line-height: 36px;
}
@media screen and (max-width: 568px){
	.list_xila_info .list_xila_map {
	    float: none;
	    margin-left: 0;
	    margin-top: 20px;
	}
	.list_xila_info .xila_info {
    background-color: #c6d1ec;
    padding: 6px;
	}
	.list_xila_you ul{
	padding: 8px 0 0 0;
	}
	.list_xila_you ul li{
    padding: 0 8px;
	}
}
/*-------------------------------------------百度推荐统计-------------------------------------------*/
#hm_t_122606 {
	margin-top: 20px;
}
#hm_t_122629 {
	margin-top: 20px;
}

 @media screen and (max-width: 768px) {
#hm_t_122606 {
	display: none;
}
}

 @media screen and (min-width: 769px) {
#hm_t_122629 {
	display: none;
}
}

